﻿@inherits System.Web.Mvc.WebViewPage
@using Beeldbankmvc.Code
@using MvcSiteMapProvider.Web.Html
@using System.Configuration
<!DOCTYPE html>
<html lang="nl" class="no-js">
<head>
    <!-- $Revision$, $Date$-->
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    
    <meta name="DCTERMS.type" title="OVERHEID.Informatietype" content="webpagina" />
    <meta name="DCTERMS.language" title="XSD.language" content="nl-nl" />
    <meta name="DCTERMS.abstract" content="Rijkswaterstaat is de uitvoeringsorganisatie van het ministerie van Infrastructuur en Milieu en werkt dagelijks aan een veilig, leefbaar en bereikbaar Nederland. We willen leven in een land dat beschermd is tegen overstromingen. Een land waar voldoende groen is, en voldoende en schoon water. En waar we vlot en veilig van A naar B kunnen." lang="nl-nl" />
    <meta name="DCTERMS.title" content="Home" lang="nl-nl" />
    <meta name="DCTERMS.creator" title="OVERHEID.Agent" content="Rijkswaterstaat" />
    <meta name="DCTERMS.creator" title="OVERHEID.Dienst" content="Rijkswaterstaat" />
    <meta name="DCTERMS.creator" title="OVERHEID.Overheidsorganisatie" content="Rijkswaterstaat" />

    <link rel="icon" href="@AppHelper.getContent("~/favicon.png")" type="image/x-icon" />
    <link rel="shortcut icon" href="@AppHelper.getContent("~/favicon.png")" type="image/x-icon" />

    <link rel="apple-touch-icon" sizes="57x57" href="@AppHelper.getContent("~/apple-touch-icon-57x57.png?v=E6vxryXv8w")" />
    <link rel="apple-touch-icon" sizes="60x60" href="@AppHelper.getContent("~/apple-touch-icon-60x60.png?v=E6vxryXv8w")" />
    <link rel="apple-touch-icon" sizes="72x72" href="@AppHelper.getContent("~/apple-touch-icon-72x72.png?v=E6vxryXv8w")" />
    <link rel="apple-touch-icon" sizes="76x76" href="@AppHelper.getContent("~/apple-touch-icon-76x76.png?v=E6vxryXv8w")" />
    <link rel="apple-touch-icon" sizes="114x114" href="@AppHelper.getContent("~/apple-touch-icon-114x114.png?v=E6vxryXv8w")" />
    <link rel="apple-touch-icon" sizes="120x120" href="@AppHelper.getContent("~/apple-touch-icon-120x120.png?v=E6vxryXv8w")" />
    <link rel="apple-touch-icon" sizes="144x144" href="@AppHelper.getContent("~/apple-touch-icon-144x144.png?v=E6vxryXv8w")" />
    <link rel="apple-touch-icon" sizes="152x152" href="@AppHelper.getContent("~/apple-touch-icon-152x152.png?v=E6vxryXv8w")" />
    <link rel="apple-touch-icon" sizes="180x180" href="@AppHelper.getContent("~/apple-touch-icon-180x180.png?v=E6vxryXv8w" )" />
    <link rel="icon" type="image/png" sizes="32x32" href="@AppHelper.getContent("~/favicon-32x32.png?v=E6vxryXv8w")" />
    <link rel="icon" type="image/png" sizes="192x192" href="@AppHelper.getContent("~/android-chrome-192x192.png?v=E6vxryXv8w")" />
    <link rel="icon" type="image/png" sizes="96x96" href="@AppHelper.getContent("~/favicon-96x96.png?v=E6vxryXv8w")" />
    <link rel="icon" type="image/png" sizes="16x16" href="@AppHelper.getContent("~/favicon-16x16.png?v=E6vxryXv8w")" />
    <link rel="manifest" href="@AppHelper.getContent("~/manifest.json?v=E6vxryXv8w")" />
    <meta name="msapplication-TileColor" content="#2b5797" />
    <meta name="msapplication-TileImage" content="@AppHelper.getContent("~/mstile-144x144.png?v=E6vxryXv8w")" />
    <meta name="theme-color" content="#ffffff"/>

    <link rel="author" href="https://plus.google.com/107080497848102300883/posts">
    <script src="@AppHelper.getContent("~/assets/js/modernizr.js")"></script>
    <!--[if lt IE 8]><link rel="stylesheet" href="/assets/css/main-oldie.css"><![endif]-->
    <!--[if IE 8]><link rel="stylesheet" href="/assets/css/main-nomq.css"><![endif]-->
    <!--[if gte IE 9]><!-->
    <link rel="stylesheet" href="@AppHelper.getContent("~/assets/css/main.css")">
    <link rel="stylesheet" href="@AppHelper.getContent("~/assets/css/custom.css")">
    <!-- <![endif]-->

    <!-- we need some css to make the overheids player pretty -->
    <link rel="stylesheet" media="screen" href="@AppHelper.getContent("~/Content/css/OverheidsMediaPlayer/css.css")" type="text/css" />

    <!-- Jquery + Jquery UI -->
    <link href="@AppHelper.getContent("~/Content/css/ui-lightness/jquery-ui-1.10.4.custom.css")" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="@AppHelper.getContent("~/assets/js/jquery-rws.js")"></script>
    <script type="text/javascript" src="@AppHelper.getContent("~/Scripts/jquery-ui-1.10.4.min.js")"></script>

    <!-- VideoJS -->
    <script type="text/javascript" src="@AppHelper.getContent("~/Content/js/video.js")"></script>

    @*JWPlayer
     <script src="@AppHelper.getContent("~/Content/js/jwplayer.js")" type="text/javascript"></script>
     <script type="text/javascript">jwplayer.key = "iMo8YORO6ajDLcoPNPG47kfdnA98m5Mk2V07L+ZxHCM=";</script>
    *@

    <!-- LigthBox -->
    <link rel="stylesheet" type="text/css" href="@AppHelper.getContent("~/Content/css/LightBox/jquery.lightbox-0.5.css")" />

    <!-- Vanillabox responsive lightbox -->
    <link rel="stylesheet" href="@AppHelper.getContent("~/assets/vanillabox/theme/bitter/vanillabox.css")">
    <script type="text/javascript" src="@AppHelper.getContent("~/assets/vanillabox/jquery.vanillabox.js")"></script>
    <script type="text/javascript" src="@AppHelper.getContent("~/assets/vanillabox/vanillabox.init.js")"></script>

    @*Voor copy functie tbv CDR redactie.*@
    <script type="text/javascript" src="@AppHelper.getContent("~/Content/js/jquery.zclip.js")"></script>

    <!-- Star Rating -->
    <link rel="stylesheet" type="text/css" href="@AppHelper.getContent("~/Content/css/Stars/jquery.ui.stars.css")" />
    <script src="@AppHelper.getContent("~/Scripts/jquery.ui.stars.min.j")s" )" type="text/javascript"></script>
    <script src="@AppHelper.getContent("~/Content/js/Stars.js")" type="text/javascript"></script>

    <!--[if lte IE 9]><script src="/Scripts/video.min.js"></script><![endif]-->
    <title>@ViewBag.Title (@Html.MvcSiteMap().SiteMapTitle())</title>
</head>
<body>
    <!--[if lt IE 8]><div class="ie-message">Rijkswaterstaat.nl omarmt moderne standaarden en technieken.<br>Uw webbrowser ondersteunt deze standaarden niet. Stap daarom over op een recente browser.</div><![endif]-->
    <div class="accessibility">Spring direct naar de<a href="#nav" tabindex="1">hoofdnavigatie</a>, de<a href="#subnav" tabindex="2">subnavigatie</a> of de<a href="#content" tabindex="4">inhoud</a></div>
    <div class="site-outer-wrapper">
        <div class="site-container">
            <header role="banner" class="site-header func_links">
                <nav>
                   @Html.Raw(AppHelper.linkLoginOrWelcome())
                </nav>
                <a href="/" class="logo"><img src="/assets/img/logo.png" width="234" height="72" alt="Rijkswaterstaat, ministerie van Infrastructuur en Milieu" class="accessibility"></a>
            </header>
            <div role="navigation" class="site-nav">
                <div class="container">
                    <nav class="toggles">
                        <a href="#nav" class="toggle-nav"><span aria-hidden="true" class="icon-menu"></span>Menu</a>
                        @*<a href="#nav-inpage" class="toggle-inpage"><span aria-hidden="true" class="icon-inpage"></span><span class="accessibility">Op deze pagina</span></a>*@
                        <a href="/ShoppingCart" class="custom-shortcut-shoppingcart" title="Bekijk Winkelwagen">@Html.Raw(AppHelper.shoppingCartItems())<span> items in Winkelwagen</span></a>
                        <a href="/Search" class="toggle-search" title="Zoek in beeldarchief"><span aria-hidden="true" class="icon-search"></span><span class="accessibility">Zoeken</span></a>
                    </nav>
                    <div id="nav-inpage" class="nav-inpage"></div>
                    <nav id="nav" class="nav-main">
                        <ul>
                            <li class="main-item"><a href="http://www.rijkswaterstaat.nl/">Rijkswaterstaat.nl</a></li>
                            <li class="main-item active open">
                                <a href="/">Beeldarchief</a>
                                <div class="mega-dropdown">
                                    <div class="nav-nodes">
                                        <ul>
                                            <li class="active"><a href="/">Home</a></li>
                                        </ul>
                                    </div>
                                    <div class="nav-aside">
                                        @Html.Raw(Html.MvcSiteMap().BeeldbankMenu(true, 0, false, "active", "open", 3, null, 0, ConfigurationManager.AppSettings["hideMenuPathsWhenLoggedIn"].Split(','), 0))
                                    </div>
                                </div>
                            </li>
                        </ul>
                        @*<ul class="quicklinks">
                            <li><a href="https://www.rijkswaterstaat.nl/contact/">Contact</a></li>
                            <li><a href="http://www.rijkswaterstaat.nl/en/" title="English website">English</a></li>
                        </ul>*@
                    </nav>
                    <div class="custom-shortcuts">
                        <a href="/ShoppingCart" class="custom-shortcut-shoppingcart" title="Bekijk Winkelwagen">@Html.Raw(AppHelper.shoppingCartItems())<span> items in Winkelwagen</span></a>
                        <a href="/Search" class="custom-shortcut-search" title="Zoek in beeldarchief"><span class="icon-search" aria-hidden="true"></span><span class="accessibility">Zoeken</span></a>
                    </div>
                </div>
            </div>
            <div class="site-main">
                <div id="subnav">
                    <div class="site-subnav nav">
                        <div class="site-breadcrumbs">
                            <nav>
                                @Html.Raw(Html.MvcSiteMap().BeeldbankMenu(true, 0, false, "active", "open", 3, null, 0, ConfigurationManager.AppSettings["hideMenuPathsWhenLoggedIn"].Split(','), 100))
                            </nav>
                        </div>
                    </div>
                </div>
                <div id="content">
                    <section role="main" class="site-content">

                        @RenderBody()



                        <div id="path">
                            <div class="panel">
                                <h2 class="panel-title">Onderliggende pagina's</h2>
                                @Html.Raw(Html.MvcSiteMap().BeeldbankMenu(true, 0, false, "active", "open", 3, null, 0, ConfigurationManager.AppSettings["hideMenuPathsWhenLoggedIn"].Split(','), 0))
                            </div>
                        </div>
                    </section>
                </div>
                <div class="custom-aside">

                    @*<asp:ContentPlaceHolder ID="AsideContent" runat="server" />*@

                </div>
            </div>
            <footer class="site-footer">
                <img src="/assets/img/footer-logo.png" width="500" height="24" alt="Water. Wegen. Werken. Rijkswaterstaat." class="accessibility">
                <div class="container">
                    <div class="row">
                        <div class="s-span6 m-span3">
                            <h2>Volg ons</h2>
                            <ul class="icons">
                                <li><a href="http://twitter.com/rijkswaterstaat"><span aria-hidden="true" class="icon-twitter"></span>Twitter</a></li>
                                <li><a href="http://facebook.com/rijkswaterstaat"><span aria-hidden="true" class="icon-facebook"></span>Facebook</a></li>
                                <li><a href="http://linkedin.com/company/rijkswaterstaat"><span aria-hidden="true" class="icon-linkedin"></span>LinkedIn</a></li>
                                <li><a href="http://youtube.com/rijkswaterstaat"><span aria-hidden="true" class="icon-youtube"></span>YouTube</a></li>
                            </ul>
                        </div>
                        <div class="s-span6 m-span3">
                            <h2>Over deze site</h2>
                            <ul>
                                <li><a href="http://www.rijkswaterstaat.nl/disclaimer/">Disclaimer</a></li>
                                <li><a href="http://www.rijkswaterstaat.nl/disclaimer/privacy.aspx">Privacy</a></li>
                                <li><a href="http://www.rijkswaterstaat.nl/disclaimer/cookies.aspx">Cookies</a></li>
                                <li><a href="http://www.rijkswaterstaat.nl/disclaimer/toegankelijkheid.aspx">Toegankelijkheid</a></li>
                            </ul>
                        </div>
                        <div class="s-span12 m-span6 text-right">
                            <p class="medium">Vragen? Bel <strong>0800-8002</strong> of vul het <a href="https://www.rijkswaterstaat.nl/over-ons/contact">contactformulier</a> in.</p>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#copy-button").zclip({
                path: "@AppHelper.getContent("~/Content/js/ZeroClipboard.swf")",
                copy: function () { return $(location).attr('href'); }
            });
        });
    </script>
    <script src="/assets/js/libs.dev.js"></script>
    <script src="/assets/js/rws.dev.js"></script>
</body>
</html>